import  React from 'react';
import styles from './index.less';
import img1 from '../../../../public/assets/l1.jpg';
import img2 from '../../../../public/assets/l2.jpg';
import img3 from '../../../../public/assets/l3.jpg';
const AgreementPage =(props)=>{
    return(
        <div>
            <div className={ styles.Box }>
                <div className={styles.left}>
                    <div>
                        <ul>
                            <li>上</li>
                            <li>下</li>
                            <li>左</li>
                            <li>右</li>
                            <li>前</li>
                            <li>后</li>
                        </ul>
                    </div>
                </div>
                <div className ={ styles.agree }>
                    <h4>用户协议</h4>
                    <p>用户协议用户协议用户协议用户协议用户协议用户协议用户协议用户协议用户协议用户协议用户协议用户协议用户协议
                        用户协议用户协议用户协议用户协议用户协议用户协议用户协议用户协议用户协议用户协议用户协议用户协议用户协议
                        用户协议用户协议用户协议用户协议用户协议用户协议用户协议用户协议用户协议用户协议用户协议用户协议用户协议
                        用户协议用户协议用户协议用户协议用户协议用户协议用户协议用户协议用户协议用户协议用户协议用户协议用户协议
                        用户协议用户协议用户协议用户协议用户协议用户协议用户协议用户协议用户协议用户协议用户协议用户协议用户协议
                        用户协议用户协议用户协议用户协议用户协议
                        用户协议用户协议用户协议用户协议用户协议用户协议用户协议用户协议用户协议用户协议用户协议用户协议用户协议
                        用户协议用户协议用户协议用户协议用户协议用户协议用户协议用户协议用户协议用户协议用户协议用户协议用户协议
                        用户协议用户协议用户协议用户协议用户协议用户协议用户协议用户协议用户协议用户协议用户协议用户协议用户协议
                        用户协议用户协议用户协议用户协议用户协议用户协议用户协议用户协议用户协议用户协议用户协议用户协议用户协议
                        用户协议用户协议用户协议用户协议用户协议用户协议用户协议用户协议用户协议用户协议用户协议用户协议用户协议
                        用户协议用户协议用户协议用户协议用户协议
                        用户协议用户协议用户协议用户协议用户协议用户协议用户协议用户协议用户协议用户协议用户协议用户协议用户协议
                        </p>
                </div>
                <div className={styles.right}>
                    <div className={styles.rightBox}>
                        <img src={img1} />
                        <img src={img2}/>
                        <img src={img3}/>
                    </div>
                </div>
            </div>
            <div className={styles.btu}> 测试清除浮动</div>
        </div>
    )
 
} 

export default AgreementPage;